<html>
<head>
<!-- 	<meta charset="utf-8" http-equiv="Content-Security-Policy" content="upgrade-insecure-requests;default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'"> -->
	<title>popup</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="js/md5.js"></script>
    <script type="text/javascript" src="js/base64.js"></script>
    <script type="text/javascript" src="js/encryption.js"></script>
    
    
</head>
<body style="width:300px;min-height:100px;">
    <div class="span">
	<span >加密</span>
    </div>
    <div class="span" >
        <input type="text" name="msg" id="msg"> 
        <div>
        <button href="javascript:;" id="but_md5">md5加密</button>
        <button href="javascript:;" id="but_bse">base64加密</button>
        <button href="javascript:;" id="but_bsd">base64解密</button>
        <button href="javascript:;" id="but_xor_e">异或加密</button>
        <button href="javascript:;" id="but_xor_d">异或解密</button>
        <button href="javascript:;" id="but_sj">造字加密</button>
        </div>
    </div> 
    <div>
        <p id="res"></p>
    </div>
    <script type="text/javascript" src="js/popup.js"></script>
</body>

<style type="text/css">
    .span{
        text-align: center;
        font-size: 30px;
        margin-bottom: 20px;

    }
    #qrcode{
        padding: 10px;
    }
    #res{
        text-align: center;
    }
</style>
</html>